<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../CSS/内嵌视频.css" />
  </head>

  <body>
    <div>
      <span class="name"
        >【AU教程】 百万修音师零基础入门教程（30集全）人声处理
        ，电影配音剪辑，主播声音美化，变音.....</span
      ><br />
      <span class="year">2021-09-03</span>
      <iframe
        src="https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401993852&p=1"
        height="100%"
        width="100%"
        scrolling="no"
        allowfullscreen="true"
        frameborder="no"
        allowtransparency="yes"
      ></iframe>
      <div class="xuanji">
        <div class="xuanzhong">第一集</div>
        <div>第二集</div>
        <div>第三集</div>
        <div>第四集</div>
        <div>第五集</div>
        <div>第六集</div>
        <div>第七集</div>
        <div>第八集</div>
        <div>第九集</div>
        <div>第十集</div>
        <div>第十一集</div>
        <div>第十二集</div>
        <div>第十三集</div>
        <div>第十四集</div>
        <div>第十五集</div>
        <div>第十六集</div>
        <div>第十七集</div>
        <div>第十八集</div>
        <div>第十九集</div>
        <div>第二十集</div>
        <div>第二十一集</div>
        <div>第二十二集</div>
        <div>第二十三集</div>
        <div>第二十四集</div>
        <div>第二十五集</div>
        <div>第二十六集</div>
        <div>第二十七集</div>
        <div>第二十八集</div>
        <div>第二十九集</div>
        <div>第三十集</div>
        <div>第三十一集</div>
      </div>

      <script>
        let xuanji = [
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401993852&p=1",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401994691&p=2",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401995640&p=3",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401994844&p=4",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401995245&p=5",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401996528&p=6",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401995533&p=7",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401996909&p=8",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401997643&p=9",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401998390&p=10",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401997939&p=11",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401997980&p=12",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401998875&p=13",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401999887&p=14",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402000947&p=15",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402000985&p=16",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=401999571&p=17",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402002817&p=18",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402000931&p=19",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402000457&p=20",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402002751&p=21",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402003252&p=22",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402005322&p=23",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402005711&p=24",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402007450&p=25",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402004593&p=26",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402008262&p=27",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402009011&p=28",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402009588&p=29",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402009896&p=30",
          "https://player.bilibili.com/player.html?isOutside=true&aid=805256084&bvid=BV1dy4y1G7GL&cid=402009942&p=31",
        ];

        let bofang = document.querySelector("iframe");
        let dizhi;
        for (i = 0; i < xuanji.length; i++) {
          let index = i;
          document
            .querySelector(`.xuanji>div:nth-child(${i + 1})`)
            .addEventListener("click", function () {
              bofang.src = xuanji[index];
              document
                .querySelector(".xuanzhong")
                .classList.remove("xuanzhong");
              this.classList.add("xuanzhong");
            });
        }
      </script>
    </div>
  </body>
</html>
